﻿<!DOCTYPE html>
<html>
<head>
    <title></title>

    <link rel="stylesheet" href="/css/default.css" />
    <script src="../Scripts/jquery-2.1.0.js"></script>
    <script src="../Scripts/jquery-2.1.0.min.js"></script>
    <script src="../js/fb.js"></script>
    <script src="../js/adShare.js"></script>
    <script src="/MSAdvertisingJS/ads/ad.js"></script>
    <script src="../js/adNotFilled.js"></script>
</head>
<body>
    <div data-win-control="SdkSample.ScenarioInput">
        <h3 id="RemoveAdsThroughShare">Display Developer Info when AdUnits don't get filled</h3><br />
        <p>
            This scenario shows how to display different content when an adUnit does'nt get filled by an ad.
        </p>

        <div id="MyAd_1" style="position: absolute; bottom: 200px; right: 200px; width: 250px; height: 250px; z-index: 1;"
             data-win-control="MicrosoftNSJS.Advertising.AdControl"
             data-win-options="{applicationId: 'd25517cb-12d4-4699-8bdc-52040c712cab', adUnitId: '10043105',onErrorOccurred: errorLogger}">
            <p>Ad 1 being displayed below</p>
        </div>

        <div id="MyAd_2" style="position: absolute; bottom: 200px; right: 800px; width: 250px; height: 250px; z-index: 1;"
             data-win-control="MicrosoftNSJS.Advertising.AdControl"
             data-win-options="{applicationId: 'd25517cb-12d4-4699-8bdc-52040c712cab', adUnitId: '100',onErrorOccurred: errorLogger}">
            <p>Ad_2</p>
        </div>
    </div>
    <div data-win-control="SdkSample.ScenarioOutput">
        <div id="adEvents"></div>-
    </div>

</body>
</html>